<template>
  <div class="container" v-if="!$route.meta.fullscreen">
    <pan-header />
    <div class="body">
      <pan-side></pan-side>
      <div class="body-content">
        <router-view />
      </div>
    </div>
  </div>
  <router-view v-else></router-view>
</template>

<script setup lang="ts">
import PanHeader from "@/views/layouts/panHeader/index.vue";
import PanSide from "@/views/layouts/panSide/index.vue";
</script>

<style scoped lang="scss">
.body {
  display: flex;

  .body-content {
    padding-left: 20px;
    flex: 1;
    width: 0;
  }
}
</style>
